<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>Perfiles y Roles</title>
        <link rel="icon" type="image/ico" href="icon.gif" />
        <link rel="stylesheet" href="resources/css/style.css" />
        <style type="text/css">
            html {
                height: 100%;
            }
            body {
                height: 80%
            }
        </style>        
    </h:head>
    <h:body>
        <div id="cuerpo_principal">
            <div id="encabezado">
                <div id="barra_herramientas">
                </div>
                <div id="firma_busqueda">
                    <div id="sector">
                        <img alt="Firma Institucional"
                             src="resources/img/logo_netbrain.png" />
                    </div>
                </div>
            </div>
            <div id="cuerpo_interna">
                <div class="renglon">
                    <div class="cuadro K fondo_columna">
                    </div>
                    <div class="cuadro B">
                        <!-- Formulario para los menus -->
                        <h:form id="frmMenu">
                            <p:growl id="messages"/> 
                            <p:menubar autoDisplay="false">  
                                <p:menuitem value="Inicio" url="#" icon="home" />  
                                <p:submenu label="Configuración" icon="settings">  
                                    <p:menuitem value="Instalación" url="install.jsf" />  
                                    <p:menuitem value="Almacenamiento" url="#" />
                                    <p:menuitem value="Servicio web" url="#" />
                                    <p:menuitem value="Estilos y Apariencia" url="#" />
                                    <p:menuitem value="Idiomas disponibles" url="#" />
                                    <p:menuitem value="Datos de seguridad" url="#" />
                                    <p:menuitem value="Base de datos" url="#" />
                                    <p:menuitem value="Tipos de archivos" url="typeFile.jsf" />
                                    <p:menuitem value="Organizaciones" url="organizations.jsf" />
                                </p:submenu>  
                                <p:submenu label="Usuarios y Grupos" icon="users">  
                                    <p:menuitem value="Usuarios LDAP" url="#" />
                                    <p:menuitem value="Usuarios" url="#" />
                                    <p:menuitem value="Grupos" url="#" />
                                    <p:menuitem value="Firma electronica" url="#" />
                                    <p:menuitem value="Propiedades" url="#" />
                                    <p:menuitem value="Perfiles y Roles" url="profile.jsf" />
                                </p:submenu>  
                                <p:submenu label="Repositorios" icon="storage">  
                                    <p:menuitem value="Repositorios" url="repositories.jsf" />  
                                    <p:menuitem value="Expedientes" url="records.jsf" />
                                    <p:menuitem value="Catalogos" url="catalogs.jsf" />
                                </p:submenu>  
                                <p:submenu label="Seguimiento" icon="storage">  
                                    <p:menuitem value="Catalogos" url="#" />  
                                    <p:menuitem value="Servicio SMTP" url="#" />
                                    <p:menuitem value="Creación" url="#" />
                                    <p:menuitem value="Perfiles y Roles" url="#" />
                                    <p:menuitem value="Estados de flujo" url="#" />
                                    <p:menuitem value="Reportes" url="#" />
                                    <p:menuitem value="Notificadores" url="#" />
                                </p:submenu>                  
                                <p:menuitem value="Salir" url="login.jsf" icon="exit" />  
                            </p:menubar>
                        </h:form>
                        <br />
                        <h:form enctype="multipart/form-data">
                            <p:fileUpload fileUploadListener="#{fileUploadController.handleFileUpload}"
                                          label="Elegir Archivo"
                                          cancelLabel="Cancelar"
                                          uploadLabel="Cargar Archivos" 
                                          mode="advanced"   
                                          update="messageFile"  
                                          sizeLimit="100000"   
                                          allowTypes="/(\.|\/)(gif|jpe?g|png)$/" />
                            <p:growl id="messageFile" showDetail="true"/>
                        </h:form>
                        <br />
                        <h:form id="frmTypeFile">
                            <p:dataTable var="typeFile" value="#{fileUploadController.listTypeFile}" paginator="true" rows="10"
                                         paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                                         rowsPerPageTemplate="1,5,10,15,20,30">
                                <h:inputHidden value="#{typeFile.id}" />
                                <p:column headerText="Nombre">
                                    <h:outputText value="#{typeFile.name}" />
                                </p:column>
                                <p:column headerText="Ruta">
                                    <h:outputText value="#{typeFile.rute}" />
                                </p:column>
                                <p:column headerText="Extensión">
                                    <h:outputText value="#{typeFile.extension}" />
                                </p:column>
                                <p:column style="width:12%; text-align: center;">  
                                    <p:commandButton icon="delete" title="Eliminar" onclick="confirmation.show()"
                                                     actionListener="#{fileUploadController.findById(typeFile.id)}"/>
                                </p:column>
                            </p:dataTable>
                        </h:form>
                        <!-- Formulario para borrar perfil -->
                        <h:form prependId="false">  
                            <p:growl id="deleteGlow" />
                            <p:confirmDialog id="confirmDialog" message="Seguro quiere borrar este tipo de archivo?"  
                                             header="Borrar perfil" severity="alert" widgetVar="confirmation">  
                                <p:commandButton id="confirm" update=":frmTypeFile,deleteGlow" value="Si" 
                                                 oncomplete="confirmation.hide()"  
                                                 actionListener="#{fileUploadController.delete()}"
                                                 icon="accept"/>  
                                <p:commandButton id="decline" value="No" onclick="confirmation.hide()" 
                                                 type="button" icon="cancel"/>
                            </p:confirmDialog>
                        </h:form>                        
                    </div>
                </div>
            </div>
            <div id="footer" class="ui-widget ui-widget-header ui-corner-all">
                <p class="copyright">Datos para el pie de pagina</p>
            </div>
        </div>
    </h:body>
</html>

